﻿<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="UserDetail.ascx.cs" Inherits="SAS.WebSite.VisualControls.Forms.UserDetail" %>
<div id="panel_tabs" style="display:none;">      
    <div class="form_wrapper" id="frmuserdetails">
            <center>
            <table class="form_table">
                <tr>
                    <td colspan="7"><div class="button_wrapper"><button id="btn_user_add_top" tabindex="14" class="detailadd ui-button-corner-all">Add</button><button id="btn_user_save_top" tabindex="14" class="detailsave ui-button-corner-all">Save</button><button id="btn_user_delete_top" tabindex="15" class="detaildelete ui-button-corner-all">Delete</button><button id="btn_user_cancel_top" tabindex="16" class="detailcancel ui-button-corner-all">Cancel</button></div></td>               
                </tr>
                <tr>
                    <td colspan="7">
                        <h2>User Details</h2><input id="hidID" type="hidden" /><div class="notifier_right">(<span class="req">*</span>) Required</div>
                    </td>
                </tr>
                <tr>
                    <td colspan="7">
                        <div class="line_horz"></div>
                    </td>
                </tr>
                <tr class="notnew">
                    <td class="subtitle">User Email</td>                
                    <td class="req"></td>                
                    <td class="value"><span class="form_lbl" id="display_email"></span></td>                
                    <td><div class="table_center"></div></td>                
                    <td class="subtitle">Password</td>                
                    <td class="req"></td>                
                    <td class="novalue">*******<button id="up_ResetPass" class="ui-button-corner-all">Reset Password</button></td>                
                </tr>
                <tr class="notnew">
                    <td colspan="7" class="form_hr"><div class="line_horz_light"></div></td>
                </tr>
                <tr class="isnew">
                    <td class="subtitle">User Email</td>                
                    <td class="req">*</td>                
                    <td class="value"><input type="text" class="form_txt" tabindex="1" id="user_email" jVal="{valid:/^([a-zA-Z0-9.!#$%&'*+-/=?\^_`{|}~-]+@[a-zA-Z0-9_-]+(?:\.[a-zA-Z0-9_-]+)*)$/, message:'Invalid'}" /></td>                
                    <td><div class="table_center"></div></td>                
                    <td class="subtitle"></td>                
                    <td class="req"></td>                
                    <td class="novalue"></td>                
                </tr>
                <tr>
                    <td class="subtitle">First Name</td>                
                    <td class="req">*</td>                
                    <td class="value"><input type="text" class="form_txt" tabindex="2" id="user_firstname" jVal="{valid:function (val) { if (jQuery.trim(val).length < 1) return 'Required'; else return ''; }}" /></td>                
                    <td><div class="table_center"></div></td>                
                    <td class="subtitle">Address1</td>                
                    <td></td>                
                    <td class="value"><input type="text" class="form_txt" tabindex="8" id="user_address1" /></td>                
                </tr>
                <tr>
                    <td class="subtitle">Last Name</td>                
                    <td class="req">*</td>                
                    <td class="value"><input type="text" class="form_txt" tabindex="3" id="user_lastname" jVal="{valid:function (val) { if (jQuery.trim(val).length < 1) return 'Required'; else return ''; }}" /></td>                
                    <td><div class="table_center"></div></td> 
                    <td class="subtitle">Address2</td>                
                    <td></td>                
                    <td class="value"><input type="text" class="form_txt" tabindex="9" id="user_address2" /></td>                
                </tr>
                <tr>
                    <td class="subtitle">Role</td>                
                    <td class="req">*</td>                
                    <td class="value"><select id="user_role" tabindex="4" class="form_select" jVal="{valid:function (val) { if (jQuery.trim(val).length < 1) return 'Required'; else return ''; }}"></select></td>                
                    <td><div class="table_center"></div></td>  
                    <td class="subtitle">City</td>                
                    <td></td>                
                    <td class="value"><input type="text" class="form_txt" tabindex="10" id="user_city" /></td>                
                </tr>
                <tr>
                    <td class="subtitle">Title</td>                
                    <td class="req"></td>                
                    <td class="value"><input type="text" class="form_txt" tabindex="5" id="user_title" /></td>                
                    <td><div class="table_center"></div></td>  
                    <td class="subtitle">Zip Code</td>                
                    <td></td>                
                    <td class="value"><input type="text" class="form_txt number" style="width: 300px" maxlength="10" tabindex="11" id="user_zipcode" /></td>                
                </tr>
                <tr>
                    <td class="subtitle">Telephone1</td>                
                    <td class="req">*</td>                
                    <td class="value"><input type="text" class="form_txt number" style="width: 300px" maxlength="15" tabindex="6" id="user_phone1" jVal="{valid:function (val) { if (jQuery.trim(val).length < 1) return 'Required'; else return ''; }}" /></td>                
                    <td><div class="table_center"></div></td> 
                    <td class="subtitle">State</td>                
                    <td></td>                
                    <td class="value"><input type="text" class="form_txt" tabindex="12" id="user_state" /></td>                
                </tr>
                <tr>
                    <td class="subtitle">Telephone2</td>                
                    <td></td>                
                    <td class="value"><input type="text" class="form_txt number" style="width: 300px" maxlength="15" tabindex="7" id="user_phone2" /></td>                
                    <td><div class="table_center"></div></td> 
                    <td class="subtitle">Country</td>                
                    <td></td>                
                    <td class="value"><input type="text" class="form_txt" tabindex="13" id="user_country" /></td>                
                </tr>
                <tr>
                    <td colspan="7">
                        <br /><br /><br /><br />
                    </td>
                </tr>
                <tr>
                    <td colspan="7"><div class="button_wrapper"><button id="btn_user_add" tabindex="18" class="detailadd ui-button-corner-all">Add</button><button id="btn_user_save" tabindex="19" class="detailsave ui-button-corner-all">Save</button><button id="btn_user_delete" tabindex="20" class="detaildelete ui-button-corner-all">Delete</button><button id="btn_user_cancel" tabindex="21" class="detailcancel ui-button-corner-all">Cancel</button></div></td>                
                </tr>
            </table>
            </center>
    </div>
</div>
